<template>
    <span class="el-rate__item" >
        <i class="el-rate__icon el-icon-star-on"
           :style="{color:bgColor,fontSize:size+'px'}">
            <i class="el-rate__decimal el-icon-star-on" :style="{color:color,width: width+'%'}"></i>
        </i>
     </span>
</template>

<script>
    export default {
        name: 'decimalStart',
        components: {},
        props: {
            width: {
                type:Number,
                default:100
            },
            color: {
                type:String,
                default: '#23b7e5'
            },
            size: {type:Number,default:18},
            bgColor: {
                type:String,
                default: '#fff'
            },
        },
        data() {
            return {}
        },
        computed: {},
        methods: {},
        mounted() {
        },
    }
</script>

<style lang="less" scoped>
    .el-rate__icon{
      //  color: red;
    }
</style>
